<template>
    <img src="../assets/image/wifi/0per.png" alt="" v-show="wifiSignal===0">
    <img src="../assets/image/wifi/25per.png" alt="" v-show="wifiSignal>=0&&wifiSignal<25">
    <img src="../assets/image/wifi/50per.png" alt="" v-show="wifiSignal>=25&&wifiSignal<50">
    <img src="../assets/image/wifi/75per.png" alt="" v-show="wifiSignal>=50&&wifiSignal<75">
    <img src="../assets/image/wifi/100per.png" alt="" v-show="wifiSignal>=75&&wifiSignal<=100">
</template>

<script>
import store from "@/store";

export default {
    name: "wifiLogo",
    data() {
        return {
            wifiSignal:null
        }
    },
    created() {
        this.wifiSignal = store.state.wifiSignal
    }
}
</script>

<style scoped>
img {
    max-width: 100%;
    height: 18px;
}
</style>